@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

body {
    font-family: 'Roboto', sans-serif;
}

.login-page, .register-page {background: #f0f0f1;}

.btn-primary {
    color: #1C1B17;
    background-color: #FA9E0D !important;
    border-color: #FA9E0D !important;
    box-shadow:none;
}

.card-header img,
.brand-link img {
    background: rgb(0 0 0 / 80%);
    max-width: 100%;
    border-radius: 10PX;
    padding: 10px;
}

.layout-fixed .main-sidebar {
    background: rgb(0 0 0);
}

.brand-text {
    display: none
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #FA9E0D;
    color: #1C1B17;
}

.btn-outline-primary {
    color: #FA9E0D;
    border-color: #FA9E0D;
}

.btn-outline-primary:hover {
    background: #FA9E0D;
    color: #1C1B17;
    border: solid 1px #FA9E0D;
}

.page-item.active .page-link {
    z-index: 3;
    color: #1C1B17;
    background-color: #FA9E0D;
    border-color: #FA9E0D;
}

.table-bordered {
    border: solid 1px #fa9e0f;
    border-right: solid 1px #fa9e0f !important;
    border-collapse: collapse !important;
}

.table-bordered thead {
    background-color: #FA9E0D;
}

table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    border-left-width: 0;
    border: 0;
}

.action-btn {
    border: solid 1px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    transition: all ease .2s;
}

.action-btn.delete {
    border: solid 1px #f00;
    color: #f00;
}
.action-btn.delete:hover {
    background: #f00;
    color: #fff !important;
}
.action-btn.view:hover,
.action-btn.edit:hover{
    background: #027bff;
    color: #fff !important;
}
.modal-confirm {		
	color: #636363;
	width: 400px;
}
.modal-confirm .modal-content {
	padding: 20px;
	border-radius: 5px;
	border: none;
	text-align: center;
	font-size: 14px;
}
.modal-confirm .modal-header {
	border-bottom: none;   
	position: relative;
}
.modal-confirm h4 {
	text-align: center;
	font-size: 26px;
	margin: 30px 0 -10px;
}
.modal-confirm .close {
	position: absolute;
	top: -5px;
	right: -2px;
}
.modal-confirm .modal-body {
	color: #999;
}
.modal-confirm .modal-footer {
	border: none;
	text-align: center;		
	border-radius: 5px;
	font-size: 13px;
	padding: 10px 15px 25px;
}
.modal-confirm .modal-footer a {
	color: #999;
}		
.modal-confirm .icon-box {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border-radius: 50%;
	z-index: 9;
	text-align: center;
	border: 3px solid #f15e5e;
}
.modal-confirm .icon-box i {
	color: #f15e5e;
	font-size: 46px;
	display: inline-block;
	margin-top: 13px;
}
.modal-confirm .btn, .modal-confirm .btn:active {
	color: #fff;
	border-radius: 4px;
	background: #60c7c1;
	text-decoration: none;
	transition: all 0.4s;
	line-height: normal;
	min-width: 120px;
	border: none;
	min-height: 40px;
	border-radius: 3px;
	margin: 0 5px;
}
.modal-confirm .btn-secondary {
	background: #c1c1c1;
}
.modal-confirm .btn-secondary:hover, .modal-confirm .btn-secondary:focus {
	background: #a8a8a8;
}
.modal-confirm .btn-danger {
	background: #f15e5e;
}
.modal-confirm .btn-danger:hover, .modal-confirm .btn-danger:focus {
	background: #ee3535;
}
.trigger-btn {
	display: inline-block;
	margin: 100px auto;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove 
{
	color: black !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color:#FA9E0D !important;
	border: 1px solid #FA9E0D !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #FA9E0D !important;
    color: black !important;
}